     <!-- BOX 3 -->
   	<script type="text/javascript">
			<?php
			//Variaveis para configuracao da GRID
			//$gridName - ID da GRID
			//$controller - Controlador da GRID
			//$titleList - Titulo da GRID
   				$gridName = "gridOportunidades";
   				$controller = "oportunidades";
   				$titleList = "Lista de Oportunidades";
			?>
			//Array com todos os campos da tabela.
			var arr_fields = [
			                  {nome:'id_oportunidade',label:'Id', tp_obj: 'hid', tipo : 'str', grid:{name:'id_oportunidade',index:'id_oportunidade', width:23, def_order:true,order:'asc'}},
			                  {nome:'id_origem_oportunidade_fk',label:'Origem', tp_obj: 'txt', tipo : 'int', grid:{name:'id_origem_oportunidade_fk',index:'id_origem_oportunidade_fk', width:170, hidden:true, def_order:false,order:''}},
			                  {nome:'id_tipo_oportunidade_fk',label:'Tipo', tp_obj: 'sel', tipo : 'int', grid:{name:'id_tipo_oportunidade_fk',index:'id_tipo_oportunidade_fk', width:170, def_order:false, hidden:true,order:''}},
			                  {nome:'id_campanha_fk',label:'Campanha', tp_obj: 'txt', tipo : 'int', grid:{name:'id_campanha_fk',index:'id_campanha_fk', width:90, hidden:true, def_order:false,order:''}},
			                  {nome:'id_conta_fk',label:'Conta', tp_obj: 'txt', tipo : 'int', grid:{name:'id_conta_fk',index:'id_conta_fk', width:160, hidden:true, def_order:false,order:''}},
			                  {nome:'id_fase_oportunidade_fk',label:'Fase', tp_obj: 'sel', tipo : 'int', grid:{name:'id_fase_oportunidade_fk',index:'id_fase_oportunidade_fk', width:60, def_order:false,order:''}},
			                  {nome:'descricao',label:'Descri&ccedil;&atilde;o', tp_obj: 'txt', tipo : 'str', grid:{name:'descricao',index:'descricao', width:170, def_order:false,order:''}},
			                  {nome:'probabilidade',label:'Probabilidade', tp_obj: 'txt', tipo : 'str', grid:{name:'probabilidade',index:'probabilidade', width:60, align:'right', def_order:false,order:'',formatter:'currency',formatoptions:{prefix:"", suffix:" %"}}},
			                  {nome:'valor',label:'Valor', tp_obj: 'txt', tipo : 'str', grid:{name:'valor',index:'valor', width:50, def_order:false,order:'',align:'right',formatter:'currency', formatoptions:{prefix:"R$"}}},
			                  {nome:'data_fechamento',label:'Dt. Fechamento', tp_obj: 'txt', tipo : 'str', grid:{name:'data_fechamento',index:'data_fechamento',align:'right', width:60, def_order:false,order:'', formatter:'date'}},
			                  {nome:'observacao',label:'Observacao', tp_obj: 'txt', tipo : 'str', grid:{name:'observacao',index:'observacao', width:70, align:'right', hidden:true, def_order:false,order:''}},
			                  {nome:'hid_oper',label:'', tp_obj: 'hid', tipo : 'str', grid:null}
				              	];

			//Variavel com o codigo da linha selecionada
			var editValue = null;
			$(document).ready(function(){
				var arr_fld_grid = new Array();
				var arr_fld_labels = new Array();
				var fld_sort_name = "";
				var fld_sort_order = "";

				//Monta os arrays com os labels e os campos
				for(i=0; i<arr_fields.length; i++)
				{
					if(arr_fields[i].grid != null)
					{
						arr_fld_grid.push(arr_fields[i].grid);
						arr_fld_labels.push(arr_fields[i].label);
						if(arr_fields[i].grid.def_order)
						{
							fld_sort_name = arr_fields[i].grid.name;
							fld_sort_order = arr_fields[i].grid.order;
						}
					}
				}

				//Montagem da GRID
				jQuery("#<?php echo $gridName; ?>").jqGrid({
				   	url:'<?php echo base_url().$controller."/listAll"?>',
					datatype: "json",
				   	colNames:arr_fld_labels,
				   	colModel:arr_fld_grid,
				   	rowNum:15,
				   	rowList:[10,15,20,30],
				   	height: 'auto',
				   	width:'650',
				   	pager: '#p<?php echo $gridName; ?>',
				   	sortname: fld_sort_name,
				    viewrecords: true,
				    sortorder: fld_sort_order,
				    caption:'<?php echo $titleList; ?>',
				    onSelectRow: function(id){ 
						if(id && id!==editValue){ 
							editValue=id; 
						} 
					}
				})
				.navGrid('#p<?php echo $gridName; ?>',{edit:false,add:false,del:false,search:false,refresh:false})
			});

			$(document).ready(function() {
	            $("#bt_search").button({
		            icons: {primary: "searchIcon"}
	            }).click(function(){
					jQuery("#<?php echo $gridName; ?>").jqGrid('searchGrid',{multipleSearch:true});
	    		});

	            $("#bt_select").button({
		            icons: {primary: "selectIcon"}
	            }).click(function(){
	            	var oportunity = jQuery("#<?php echo $gridName; ?>").jqGrid('getGridParam','selrow');
	            	if(oportunity != "")
	            	{
	             		window.opener.setRelationship(oportunity);
	             		window.close();
		            }
	            	else
	            	{
						dialogMessage('Selecione uma linha','dialog-message');   
						$("#<?php echo $gridName; ?>").trigger("reloadGrid");
		            }
	    		});

	            $("#bt_refresh").button({
		            icons: {primary: "refreshIcon"}
	            }).click(function(){
	            	$("#<?php echo $gridName; ?>").trigger("reloadGrid");
	    		});
	        });	    			
		</script> 
		<style>
        	#toolbar {
        		padding: 2px 4px;
				width:640px;
        	}
    	</style>
		<div align="center">
            <div id="toolbar" class="ui-widget-header ui-corner-all">
            	<table border="0" cellpadding="0" cellspacing="0" width="100%">
            		<tr>
            			<td align="left" width="13%">
            			&nbsp;
            			</td>
            			<td align="center" width="74%">
                        	<button id="bt_search">Pesquisar</button>
                        	<button id="bt_select">Selecionar</button>
            			</td>
            			<td align="right" width="13%">
                        	<button id="bt_refresh">Recarregar</button>
            			</td>
            		</tr>
            	</table>
            </div>
			<table id="<?php echo $gridName; ?>"></table>
			<div id="p<?php echo $gridName; ?>"></div>
		</div>    	
	</body>
</html>